﻿/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* Menu */
#menu {
	width: 1000px; /*940px*/
	height:35px;
	margin: 0px auto;
	padding: 1px 20px 0px 20px;
	background-color: #FF9F04;
	
	border-top: 1px solid #FF9900; border-left: 1px solid #FF9900; border-right: 1px solid #FF9900;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0;
}
/*.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	background-color: #FF9F04;
}

.nav ul li {
	float: left;
	background-color: #FF9F04;
	}

.nav ul li a {
	display: block;
	float: left;
	height: 56px;
	margin: 0px;
	padding: 0px 30px 0px 30px;
	line-height: 56px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Arvo', serif;
	font-size: 14px;
	font-weight: normal;
	border: none;
}

.nav .current a {
	background: #FFCB2E url(images/fontend/bg_menu.gif) no-repeat right bottom;
	color: #000000;
}     
	       
.nav .select a{
	background-color:#FF9F04;
	color:#FFFFFF;    
}

.nav .current a, .select a{
	background-color: #FFCB2E;
	text-decoration: none; 
}

.nav ul li a:hover {
    background-color: #FFCB2E;
	text-decoration: none;
	color: #000000; 
}
--------end-------


*/


.nav {
height:35px; 
position:relative; 
font-size:16px; 
width:960px;
z-index:500;
margin-left:40px;
}

.nav .table {
display:table; 
margin:0;
width: 100%
}
/*--------tinh chỉnh menu active---------*/
.nav .select {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
font-weight: bold;/**/
color: #090;
float: left;
}

.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 

font-weight: bold;
background: url(select_item.png) no-repeat center bottom;
color: #090; text-shadow: 1px 2px 5px #090;
}
/*--------end-------*/

.nav li {margin:0; padding:0; float:left;}

/*fff adjust the letter of the menu (tag a)*/
.nav .select a {
display:block; 
height:35px; /**/
float:left; 
padding:0 16px 0 16px; text-decoration:none; 
line-height:35px;
color:#fff;/*fff font color of the menu*/
}
/* question comment or not
.nav .current a {
display:block; 
height:35px; 
float:left; 
text-decoration: none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
background: url(select_item.png) no-repeat center bottom; text-shadow: 1px 2px 5px #090;
}
*/

/*.nav .current a b {
display:block; 
 background: url(select_item.png) no-repeat center bottom;
}*/
/*
.nav .select a:hover, 
.nav .select li:hover a {
cursor:pointer; 
color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {*/

.nav .select a:hover, 
.nav .select li:hover a {
display:block; 
float:left; 
background: url(select_item.png) no-repeat center bottom;
cursor:pointer; color:#090; text-shadow: 1px 2px 5px #fff;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}
.nav .sub {
display:table; 
margin:0; 
padding:0; 
list-style:none;
height:50px; width:100%;
background:transparent;
}
/*
.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent;
color:#fff;
}
*/
/* modify the background of the sub menu "select_sub"*/
.nav .select:hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:1040px; 
top:15px; background:#f8f8f8;/*url(back_0.gif) repeat center bottom;f8f8f8*/
padding:0 0 5px 0; margin:20px 0 0 -60px;
z-index:100; left:0; height:auto;/*28px*/
font-size:14px; 
}
/* end */
.nav .current .show {
z-index:10;
}

/* adjust the color of letter(link) of the sub menu */
.nav .select:hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent;
margin:0; 
white-space:nowrap;
border:0; 
color: #ff8800;/*ff8800*/
}
/*end*/
.nav .current .sub li.sub_show a {
color:#090;/*090*/
cursor:default; text-shadow: 1px 2px 5px #090;
}

.nav .select:hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#090; text-shadow: 1px 2px 10px #f90;
}